kişisel css tasarım
| Tasarım üstü: <style type="text/css"> <!-- table{margin-left:auto;margin-right:auto} --></style> <head> <title>H Free Software</title> <FCK:meta http-equiv="Content-Type" content="text/html; charset=windows-1252" ></FCK:meta> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div id="main_container"> <div id="header"> <div class="logo"><img src="https://img.webme.com/pic/o/osmantalay/logooto.png" _fcksavedurl="" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/logooto.png" border="0" alt="" /></div> </div> <div class="menu"> <strong><ul> <li class="selected"><a href="http://bs-siten.tr.gg/ " _fcksavedurl="http://bs-siten.tr.gg/ " _fcksavedurl="http://bs-siten.tr.gg/ ">Ana Sayfa</a></li> <li><a href="http://bs-siten.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm " _fcksavedurl=" " _fcksavedurl="http://bs-siten.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm "> İletişim</a></li> <li><a href="http://bs-siten.tr.gg/yorumlar.htm " _fcksavedurl="http://bs-siten.tr.gg/yorumlar.htm " _fcksavedurl="http://bs-siten.tr.gg/yorumlar.htm ">Yorum yap</a></li> <li><a href="http://bs-siten.tr.gg/ki%26%23351%3Bisel-css-tasar%26%23305%3Bm.htm " _fcksavedurl=" " _fcksavedurl="http://www.osmantalay.tr.gg">Kişisel css tasarım </a></li> <li><a href="http://www.osmantalay.tr.gg" _fcksavedurl="http://www.osmantalay.tr.gg" _fcksavedurl="http://www.osmantalay.tr.gg">Sayfa Adı</a></li> <li><a href="http://www.osmantalay.tr.gg" _fcksavedurl="http://www.osmantalay.tr.gg" _fcksavedurl="http://www.osmantalay.tr.gg">Sayfa Adı</a></li> <li><a href="http://www.osmantalay.tr.gg" _fcksavedurl="http://www.osmantalay.tr.gg" _fcksavedurl="http://www.osmantalay.tr.gg">Sayfa Adı</a></li> </ul> <strong></div> <div class="center_content"> <div class="center_left"> |
| Tasarım altı:<div class="testimonials"> <div class="title"> </div> </div> </div> <div class="clear"> </div> </div> <div id="footer"> <div class="left_footer"> |
| Css kodu:lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} body { background:url(https://img.webme.com/pic/o/osmantalay/drkbg.gif) repeat #000000; padding:0; font-family:arial, sans-serif; font-size:12px; margin:0px auto auto auto; color:#36322b; } p{ padding:0px; text-align:justify; margin:0px; line-height:20px; } p.welcome{ padding:0px 0px 0 0px; } p.testimonial{ font-style:italic; padding:0px 0px 0 0px; } .clear{ clear:both; } a{ text-decoration:underline; } #main_container{ width:821px; height:auto; margin:auto; padding:0px; } #header{ width:821px; height:135px; margin:0px; padding:0px; background:url(hayir) no-repeat center top; } .logo{ padding:40px 0 0 0px; } .title{ width: auto; padding:2px 0 10px 0; font-size:17px; color:#2e2721; font-weight:bold; } .title_welcome{ width: auto; padding:0 0 0 35px; font-size:22px; color:#24a4b3; background:url(hayir) no-repeat left top; margin:0 0 10px 25px; } span.red{ font-weight:bold; color:#da5b23; } span.orange{ font-weight:bold; color:#da5b23; } /*---------------- menu tab----------------------*/ .menu{ width:821px; height:42px; margin:0px; background:url(https://img.webme.com/pic/o/osmantalay/mnbgcnn2.gif) no-repeat left; } .menu ul{ list-style:none; padding:0 0 0 15px; margin:0px; } .menu ul li{ display:inline; } .menu ul li a{ float:left; height:42px; border:none; padding:0 15px 0 15px; text-decoration:none; color:#fff; line-height:42px; font-size:13px;} .menu ul li.selected a{ float:left; height:42px; border:none; padding:0 15px 0 15px; text-decoration:none; color:#fff; line-height:42px; font-size:13px; background:url(https://img.webme.com/pic/o/osmantalay/mnsrt.gif) no-repeat bottom center; } .menu ul li a:hover{ background:url(https://img.webme.com/pic/o/osmantalay/mnsrt.gif) no-repeat bottom center; } /*---------------center_content-------*/ .center_content{ width:821px; height:auto; clear:both; padding:25px 0 30px 0; background-color:#e9e5e2; } .center_left{ width:801px; float:left; padding:10px 0 10px 10px; } .center_right{ width:0px; float:left; padding:10px 0 10px 0px; } /*-------------------footer------------------------*/ #footer{ width:821px; height:50px; clear:both; color:#837d7b; } .left_footer{ float:left; padding:20px 0 0 0; } #footer a{ color:#837d7b; padding:0 4px 0 4px; text-decoration:none; } .right_footer{ float:right; padding:15px 5px 0 0 ; } input,textarea{ border: 2px solid #dddddd; background: #eeeeee; padding: 3px;} input:focus,textarea:focus{border: 2px solid #bbbbbb;} input[type="submit"]{cursor: pointer;} input[type="submit"]:hover{border: 2px solid #bbbbbb;} <style> A{ text-decoration : none; } <!-- a{color:#0e9dc1;text-decoration:none;font:bold} a:hover{color:#C0C0C0;text-decoration:none;font:bold} --> </style> <style> A{ text-decoration : none; } A:Hover{ text-decoration : underline; } </style> |
